<template>
    <a-modal v-model:visible="visible" title="Basic Modal">
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
    </a-modal>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const visible = ref(false)

// 显示model框
const show = () => {
    visible['value'] = true
}
// 因此model框
const hide = () => {
    visible['value'] = false
}

defineExpose({
    show,
    hide
})
</script>

<style lang="less" scoped>
</style>